<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单标签</title>
</head>
<body>
    <form action="123" method="POST">


<input type="text">
<!-- 单行文本框 -->mm

<input type="password">
<!-- 密码框 -->

<input type="radio" name="1" value="">(文字)
<input type="radio" name="1" value="">(文字)
<!-- 单选框   -->
<!-- value值可以不同,name值必须相同--> 

<input type="checkbox" name="" value="">(文字)
<input type="checkbox" name="" value="">(文字)
<!-- 多选框 -->

<select>
    <option>(文字)</option>
    <option>(文字)</option>
</select>
<!-- 下拉列表 -->

<textarea cols="30" rows="10">
多行文本框
</textarea>
<!-- 多行文本框 -->

<!-- 以上是列表 --><!-- 以上是列表 --><!-- 以上是列表 --><!-- 以上是列表 --><!-- 以上是列表 -->

列表元素

<input type="text" maxlength="8">
<!-- maxlength“正整数”,可以规定输入字段中的字符的最大长度  -->

<input type="radio" name="1" value="" checked="checked">(文字)
<!-- checked默认选项,规定input元素首次加载时应当被选中 \用于单选,多选框-->
<select >
<option value="zhongguo">中国</option>
<option value="shanghai" select="select">上海</option>
</select>
           <!-- 1. select里至少包含一对option -->
           <!-- 2. 在option中定义select="select",当前项为默认选中项目。 -->

<!-- 以上为列表元素 --><!-- 以上为列表元素 --><!-- 以上为列表元素 --><!-- 以上为列表元素 -->

按钮

<input type="submit" value="免费注册">
<!-- 点了提交按钮,可以把表单域form里面的表单元 提交给后台服务器 -->
<input type="reset" value="重新填写" />
<!-- reset清除按钮 可以清除表单所有的数据 -->
<input type="button" value="获取短信验证码"> 
<!-- button普通按钮,后期结合 JS 使用 -->
上传头像：<input type="file">
<!-- file文件按钮,用于上传文件 -->




    </form>
</body>
</html>